<template>
	<view>
		<BackTabBar title="最近上传" backgroundColor="#fff" />
		<div class="content">
			<div class="block" v-for="item in 10" :key="item">
				<div class="time">2022-12-21</div>
				<div class="picBox">
					<div @click="onClickItem(im)" :class="ix%3 == 1?'pic margin':'pic'" v-for="im,ix in 5">
						<image class="image" src="https://t7.baidu.com/it/u=2621658848,3952322712&fm=193&f=GIF"
							mode="aspectFill"></image>
					</div>
				</div>
			</div>
		</div>
	</view>
</template>

<script>
	import BackTabBar from '@/components/BackTabBar.vue'
	export default {
		components: {
			BackTabBar
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.content {
		.block {
			.time {
				font-size: 32rpx;
				font-weight: 700;
				padding: 10rpx 20rpx;

			}

			.picBox {
				display: flex;
				flex-wrap: wrap;

				.pic {
					height: 300rpx;
					box-sizing: border-box;
					border: 1px solid #ccc;
					width: 32%;
					margin-bottom: 10rpx;

				}
			}
		}
	}
</style>
